<template>
    <div class="work-manage-wrapper">
        <el-tabs v-model="activeName">
            <el-tab-pane label="文章" name="article">
                <ArticleList></ArticleList>
            </el-tab-pane>
            <el-tab-pane label="微头条" name="min_article">微头条</el-tab-pane>
            <el-tab-pane label="视频" name="video">视频</el-tab-pane>
            <el-tab-pane label="音频" name="audio">音频</el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import { defineAsyncComponent } from 'vue'

export default {
    name: 'WorkManage',
    components: {

        //异步组件
        ArticleList: defineAsyncComponent( () => 
            import('./articleList.vue') 
        )
        
    },
    data () {
        return {
            activeName: 'article',
        }
    },
}
</script>

<style lang="less" scoped>
    .work-manage-wrapper {
        padding: 0 20px;
    }
</style>